<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="/auth/css/amazeui.min.css" />
		<script type="text/javascript" src="/auth/js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="/auth/js/amazeui.min.js"></script>
		<link rel="stylesheet" href="/auth/css/regedit.css" />
		<link rel="stylesheet" href="/auth/css/sui.css" />
		<script type="text/javascript" src="/auth/js/sui.js"></script>
		<title></title>
		<style>
			
				.bottomLine{
				border-bottom: 1px solid #ccc;
				border-top: 1px solid #ccc;
				padding-top:8px;
				/*padding-bottom:10px;*/
				
			}
			.bot {
				margin-bottom: 50px;
				/*text-align: center;*/
				color: #7b6f5b;
			}
			
			.radio-pretty.checked > span:before {
				color: #f88600;
			}
			
			input {
				height: 62px;
			}
				.radio-pretty span:before {
		    margin-right: 2px;
		    vertical-align: -4px;
		    font-size: 20px;
		    color: #bdbdbd;
		    margin-left: -2px;
		}
		</style>
	</head>

	@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
	<body>
		<div class="am-g" style="margin-top: 25px;">
			<div class="logo"> <img src="/auth/img/logo.png" /> </div>
		</div>
		<div class="am-g">
			<div  style="width: 999px;margin: 0 auto;font-size: 14px;"> <span style="float: right;color: #333333;">我已注册，马上<span style="color: #F88600;">登录</span></span>
			</div>
		</div>
		<form action="/auth/register" method="POST">
		  {!! csrf_field() !!}
		<div class="am-g content" style="margin-top: 12px;">
			<div data-am-widget="tabs" class="am-tabs am-tabs-d2">
				<ul class="am-tabs-nav am-cf" style="margin-top: 74px;">
					<li class="" style="max-width: 95px; margin-left: 100px;"></li>
					<li class="am-active"><a href="[data-tab-panel-0]"><span class="am-badge am-round am-badge-warning-active "style="vertical-align: middle;margin-top:-4px;"></span>设置用户信息</a></li>
					<li class="" style="    max-width: 95px;margin-right: 100px;"></li>
				</ul>


				<div class="am-tabs-bd" style="margin-top: 59px;margin-left: -20px;">
					<div data-tab-panel-0 class="am-tab-panel am-active">
						<div class="am-g">
							<div class="am-u-sm-7 am-u-sm-offset-3 "> <span class="left1"></span><input type="text" name="name" placeholder="请输入您的用户名" value="{{ old('name') }}"class="am-form-field" style="margin: auto;display: block;float: left;padding-left: 55px;width: 528px" /> 
							</div>

							<div class="am-u-sm-1 am-u-end" style="padding: 10px;"> <span class="right" style="display: none;"></span> </div>
						</div><br>
						<div class="am-g">
							<div class="am-u-sm-7 am-u-sm-offset-3 "> <span class="left1"></span> <input type="email" name="email"placeholder="请输入您的邮箱" value="{{ old('email') }}"class="am-form-field" style="margin: auto;display: block;float: left;padding-left: 55px;width: 528px" /> 
							</div>

							<div class="am-u-sm-1 am-u-end" style="padding: 10px;"> <span class="right" style="display: none;"></span> </div>
						</div><br>

						<div class="am-g">
							<div class="am-u-sm-7 am-u-sm-offset-3 "> <span class="left1"></span> <input type="text" name="phone"placeholder="请输入您的手机号" value="{{ old('phone') }}"class="am-form-field" style="margin: auto;display: block;float: left;padding-left: 55px;width: 528px" /> 
							</div>

							<div class="am-u-sm-1 am-u-end" style="padding: 10px;"> <span class="right" style="display: none;"></span> </div>
						</div><br>

						<div class="am-g">
							<div class="am-u-sm-7 am-u-sm-offset-3 "> <span class="left1"></span> <input type="password" name="password"placeholder="请输入您的密码" class="am-form-field" style="margin: auto;display: block;float: left;padding-left: 55px;width: 528px" /> 
							</div>

							<div class="am-u-sm-1 am-u-end" style="padding: 10px;"> <span class="right" style="display: none;"></span> </div>
						</div><br>
							<div class="am-g">
							<div class="am-u-sm-7 am-u-sm-offset-3 "> <span class="left1"></span> <input type="password" name="password_confirmation" placeholder="再次输入您的密码" class="am-form-field" style="margin: auto;display: block;float: left;padding-left: 55px;width: 528px" /> 
							</div>

							<div class="am-u-sm-1 am-u-end" style="padding: 10px;"> <span class="right" style="display: none;"></span> </div>
						</div><br>

						


						<div class="am-g" style="margin-top: 37px;">
							<div class="am-u-sm-4 am-u-sm-offset-3" style="padding-right: 0rem;"> <span class="left2"></span> <input type="text" name="code" placeholder="请输入验证码" class="am-form-field" style="margin: auto;display: block;float: left;padding-left: 55px;width: 360px" /> </div>
							<div class="am-u-sm-3 am-u-end" style="padding-left: 0rem;"><a style="margin-left: 50px;"> <img src="{{ URL('auth/code/1') }}" onclick="chang()" alt="验证码" title="刷新图片" id="image1" border="0"></a></div>
						</div>
						<div class="am-g" style="margin-top: 21px;">
							<form class="sui-form">
								<div class="am-u-sm-7 am-u-sm-offset-3" style="padding-right: 0rem;"> <label class="checkbox-pretty inline checked"> <input type="checkbox" checked="checked"><span style="font-size: 12px;color: #878787;">同意<a>《买啦会员章程》</a> <a>《支付宝协议》</a> 及 <a>《买啦广告联盟在线协议》</a></span> </label> </div>
							</form>
						</div>
						<div class="am-g" style="margin-top:112px;">
							<div class="am-u-sm-7 am-u-sm-offset-3 "> <button type="submit" class="am-btn am-btn-warning" style="width: 528px;padding: 20px;border: 1px rgba(187, 187, 187, 0.5) solid;"><font style="font-size: 20px;font-weight: bold;">同意协议并注册</font></button> </div>
						</div>						
					</div>
					<!--设置用户信息-->
				
					<!--成功-->
					<div data-tab-panel-2 class="am-tab-panel ">
						<!--<div class="am-g"> <div class="am-u-sm-12" style="text-align: center;"> <img src="img/lion.png" /> </div> </div>-->
						<div class="am-g" style="margin-top: 90px;">
							<div class="am-u-sm-6 am-u-sm-offset-3 " style="    text-align: center;">
								<h2 style="color: #8F8F8F;font-size: 20px;">恭喜您，152******64账号注册成功</h2> </div>
						</div>
						<div class="am-g" style="line-height:14px;margin-top: 12px;">
							<div class="am-u-sm-6 am-u-sm-offset-5 "> <a style="font-size: 14px;color: #4689cb;margin-top: 4px;">买啦赠送您50买豆，点击查看</a> </div>
						</div>
						<div class="am-g" style="margin-top: 176px;margin-bottom: 124px;">
							<div class="am-u-sm-6 am-u-sm-offset-3 "> <button type="button" class="am-btn am-btn-warning" style="width: 100%;height: 62px;font-size: 20px;font-weight: bold;border: 1px rgba(187, 187, 187, 0.5)B solid;">完成</button> </div>
						</div>
					</div>
				</div>
			</div>
		</div>
		</form>
			<div class="am-g " style="margin-top: 81px;text-align: center;font-size: 12px;">
			<div class="bottomLine" style="margin:0 auto;width:700px;height: 35px;">
			<span style="float: left;word-spacing:0.52rem;    text-align: center;    width: 100%;">关于我们 | 联系我们 | 商家入驻 | 友情链接 | 站点地图 | 手机商城 | 销售联盟 | 商城社区 | 企业文化 | 帮助中心 
			</span>
			</div>
	    </div>	
			<div class="am-g">
			<div class="bot ">
				<div  style="margin:0 auto;width:700px;height: 30px;">
				<p style="font-size: 12px;float: left;">© &nbsp;2005-2016 买啦网 版权所有 ，并保留所有权利 <span style="margin-left: 30px;">买啦 Tel ：4008125181 </span><span style="margin-left: 30px;">E-mai：maila@163.com</span> </p>
			</div>
			</div>
		</div>
	</body>

</html>
<script>  
  function chang() {

    var url = "{{ URL('auth/code') }}";
        var url = url + "/" + Math.random();
        document.getElementById('image1').src= url;
  }
</script>